<template>
    <div class="login shadow p-3 mb-5 bg-body-tertiary rounded ">
        <h3>登陆</h3>
        <div class="raw input-group mb-3">
            <span class="input-group-text" id="basic-addon1">账号：</span>
            <input class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1" type="text">
        </div>
        <div class="raw input-group mb-3">
            <span class="input-group-text" id="basic-addon1">密码：</span>
            <input class="form-control" placeholder="Username" aria-label="Password" aria-describedby="basic-addon1" type="text">
        </div>
        <button class="btn btn-primary button" type="button">登陆</button>
    </div>
</template>

<script>


export default {
    name: 'Login',
    setup() {

    }
}
</script>

<style scoped>
.login {
    width: 350px;
    height: 250px;
    margin: 100px auto;
    padding: 20px;
    background-color: #fff;
}

.login h3 {
    text-align: center;
}

.login .raw {
    width: 250px;
    height: 45px;
    margin: 0 auto;
    margin-bottom: 0px;
}

.login .button {
    width: 200px;
    height: 40px;
    margin-left: 55px;
} 

</style>